<template>
  <div class="dashboard-container">
    <div class="dashboard-text">name: {{ name }}</div>
    <button @click="hAddRoutes">动态添加路由</button>
    <hr>
    <input v-focus=" 'abc' " type="text">
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name'
    ])
  },

  methods: {
    hClick() {
      console.log('点击事件')
    },
    hAddRoutes() {
      this.$router.addRoutes([{
        path: '/abc',
        component: () => import('@/views/abc/abc')
      }])
      this.$router.push({ path: '/abc' })
    }
  }
}
</script>

<style lang="scss" scoped>
  .dashboard {
    &-container {
    margin: 30px;
    }
    &-text {
    font-size: 30px;
    line-height: 46px;
    }
  }
</style>

